import React, { useEffect } from 'react'
import '@/comp/timepick.css'
import DatePicker from '@/comp/timepick.js'
export default function Timepick() {
  useEffect(() => {
    new DatePicker();
  }, [])
  return (
    <div className="picker-container">
      <div className="date-picker">
        <div className="picker-column" id="yearPicker">
          <div className="picker-mask"></div>
          <div className="picker-indicator"></div>
          <div className="picker-list"></div>
        </div>
        <div className="picker-column" id="monthPicker">
          <div className="picker-mask"></div>
          <div className="picker-indicator"></div>
          <div className="picker-list"></div>
        </div>
        <div className="picker-column" id="dayPicker">
          <div className="picker-mask"></div>
          <div className="picker-indicator"></div>
          <div className="picker-list"></div>
        </div>
        <div className="picker-column" id="hourPicker">
          <div className="picker-mask"></div>
          <div className="picker-indicator"></div>
          <div className="picker-list"></div>
        </div>
        <div className="picker-column" id="minutePicker">
          <div className="picker-mask"></div>
          <div className="picker-indicator"></div>
          <div className="picker-list"></div>
        </div>
        <div className="picker-column" id="secondPicker">
          <div className="picker-mask"></div>
          <div className="picker-indicator"></div>
          <div className="picker-list"></div>
        </div>
      </div>
    </div>
  )
}
